<template>
  <div class="content-side-panel" :style="style" ref="panel">
    <resize-container :position="['right', 'bottom']" ref-name="panel" :min-width="100" :max-width="600" :min-height="100" :max-height="800">
      <scroll-container>
        <div>asdsa</div>
        <div style="height:1000px;width:500px;">asdsa</div>
      </scroll-container>
    </resize-container>
  </div>
</template>

<script>
import './content-side-panel.less'

export default {
  name: 'ContentSidePanel',
  data() {
    return {
      style: {
        width: '300px'
      }
    }
  }
}
</script>
